<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>TodoList</title>
  <link rel="stylesheet" href="todoList.css" >
</head>
<body>
<div class="main">
<div id="myDiv" class="header">
  <h2>My ToDo List</h2>
      <input type="text" placeholder="请输入待办事项..." id="myInput" aria-label="">
      <span id="addBtn" class="addBtn">Add</span>
</div>
  <ul id="radio-status">
    <li><input type="radio" name="status" checked value="全部" aria-label="">全部</li>
    <li><input type="radio" name="status" value="Waiting" aria-label="">Waiting</li>
    <li><input type="radio" name="status" value="Doing" aria-label="">Doing</li>
    <li><input type="radio" name="status" value="Finished" aria-label="">Finished</li>
  </ul>
  <ul id="myUL">
    <li>学习打代码<span class="close">x</span></li>
    <li> 学习打代码<span class="close">x</span></li>
    <li> 学习打代码<span class="close">x</span></li>
    <li> 学习打代码<span class="close">x</span></li>
  </ul>
</div>


</body>
<script src="todoList.js" type="text/javascript"></script>
</html>
